<!DOCTYPE html>
<style>
textarea {
    color: #757575;
}

.red {
    color: rgb(100, 0, 0);
}

.blue {
    color: blue;
    font-weight: bold;
    font-size: 16px;
    width: 135px;
    height: 30px;
}

.prefixed-unprefixed {
    color: red;
}
.prefixed-unprefixed {
    color: blue;
}

.unprefixed-prefixed {
    color: blue;
}
.unprefixed-prefixed {
    color: red;
}
</style>
This tests that you can set the placeholder text color.

<div>
Default style:
<textarea>default</textarea>
<textarea disabled>default disabled</textarea>
</div>

<div>
::-webkit-input-placeholder:
<textarea class="red">text</textarea>
<textarea class="red" disabled>disabled text</textarea>
</div>

<div>
::placeholder:
<textarea class="blue">text</textarea>
<textarea class="blue" disabled>disabled text</textarea>
</div>

<div>
Both:
<textarea class="prefixed-unprefixed">unprefixed</textarea>
<textarea class="unprefixed-prefixed">prefixed</textarea>
</div>
